
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
        <style>
            form{
                line-height: 50px;
            }
            select{
                width: 160px;
            }
            thend{
                height: 30px;
            }
            thead  tr th{
                width: 120px;
                height: 30px;
                background-color: red;
                text-align: left;
                color: #eeeeee;

            }



        </style>
    </head>
    <body>
        <form action="#">
            <label for="">品牌:</label> <input type="text" placeholder="请输入品牌" id="brand" >
           <br> <label for="">型号:</label> <input type="text" placeholder="请输入型号" id="type">
           <br> <label for="">参数:</label> <input type="text" placeholder="请输入参数" id="param">
           <br><label for="">价格:</label> <input type="text" placeholder="请输入产品价格" id="price">
           <br> <label for="">国别: <select name="" id="which_country">
                <option value="请选择...">请选择...</option>
                <option value="中国"> 中国</option>
                <option value="美国">美国</option>
             <option value="法国">法国</option>
                <option value="日本">日本</option>
            <option value="韩国">韩国</option>
                <option value="德国">德国</option>
            <option value="英国">英国</option>

            </select>
            <br>
         <input type="button"  onclick="func()" value="添加信息">
        </form>
        <table border="1px solid" cellspacing="0px">
  <thead>
      <tr>
            <th>品牌</th>
            <th>型号</th>
            <th>参数</th>
            <th>价格</th>
            <th>国别</th>
  </tr>
    </thead>
    <tbody>


    </tbody>

</table>
      <script>
           $('input:last').click(
        function () {
            var a=$("#brand").val()
            var b=$("#type").val()
            var c=$("#param").val()
            var d=$("#price").val()
            var e=$("#which_country").val()

            $('thead').after('<tr><td>'+a+'</td>' +
            '<td>'+b+'</td>' +'<td>'+c+'</td>'+'<td>'+d+'</td>'+'<td>'+e+'</td></tr>')
            $("#brand").val('')
$("#type").val('')
$("#param").val('')
$("#price").val('')



        })

      </script>

    </body>
    </html>